<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<title>Selectors index</title>
<meta name="Description" content="CSS选择符: CSS Selectors Module" />
<meta name="Keywords" content="CSS Selectors, css选择符" />
<meta name="author" content="doyoe(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" />
<meta name="robots" content="all" />
<!--[if lte IE 8]>
<script src="../js/html5.js"></script>
<![endif]-->
<link rel="stylesheet" href="../skin/article.css" />
<style type="text/css">
	#hanan{
		margin-top:0px;
		margin-bottom:5px;
	}
	#hanan .cont{
		padding:5px;
	}
	#hanan li{
		color:#0382AD;
		font-size:15px;
		padding-right:30px;
	}
	#hanan .tit{
		color:#008000;
	}
	.g-list li{
		width:auto;
		margin-bottom:5px;
	}
	#hanan .titl{
		color:red;
		font-size:25px;
	}
	.titl ul,li{
		display:inline-block;
		font-size: 13px;
		height:20px;
		line-height: 20px;
	}
	.titl ul{
		margin-left:30px;
		/*background:blue;*/

	}
</style>
</head>
<body>
<nav id="guide" class="g-mod">
	<div class="from">
		<a href="http://css.doyoe.com/" target="_blank">CSS3参考手册</a>
		<span>&#187;</span>
		<span id="category" rel="hanan" name="word-list">晗安笔记</span>
	</div>
	<div class="to">
		<span class="label">相关内容：</span>
		<div class="g-combobox g-transition">
			<a href="?" class="g-transition target">
				<strong>其它选择符参考</strong>
				<span>选择其它项<!--[if lte IE 7]><ins>IE7 and earlier, Get to die</ins><![endif]--></span>
			</a>
			<div class="g-transition list">
				<ul>
					<!-- 插入分类快速导航 -->
				</ul>
			</div>
		</div>
	</div>
</nav>
<header id="hd">
	<section id="title" class="g-mod">
		<h1 class="tit">后盾网远程12期作业列表</h1>
		<ul class="info">
			<li>晗安笔记集合</li>
		</ul>
		<!-- 插入浏览器信息 -->
	</section>
</header>
<section id="bd">
	<!-- 我的代码修改区 -->

<!-- html+div+css作业列表 -->
	<section id="hanan" class="g-mod g-attr">
		<h2 class="tit titl" id="word-h">html+div+css作业列表：<ul>
			<li><a href="#word-js">js作业列表</a></li>
		</ul> </h2>
	</section>
	<section id="hanan" class="g-mod g-attr">
		<h2 class="tit">03作业 (2014-12-06)</h2>
		<div class="cont">
			<ul class="g-list g-clear">
				<li>1、用锚链接在小说页面中跳转</li>
				<li>2、图像地图</li>
			</ul>
		</div>
	</section>
	<section id="hanan" class="g-mod g-attr">
		<h2 class="tit">04作业 (2014-12-07)</h2>
		<div class="cont">
			<ul class="g-list g-clear">
				<li>1、简历页面</li>
				<li>2、汽车售后用户资料表</li>
			</ul>
		</div>
	</section>
	<section id="hanan" class="g-mod g-attr">
		<h2 class="tit">05作业 (2014-12-09)</h2>
		<div class="cont">
			<ul class="g-list g-clear">
				<li>1、用frameset把面页分成上下两部分，下部再分左右两部分</li>
				<li>2、写世纪佳缘注册页面</li>
			</ul>
		</div>
	</section>
	<section id="hanan" class="g-mod g-attr">
		<h2 class="tit">06作业 (2014-12-11)</h2>
		<div class="cont">
			<ul class="g-list g-clear">
				<li>仿写这个页面：<a href="http://www.thepaper.cn/baidu.jsp?contid=1284902" target='_blank'>http://www.thepaper.cn/baidu.jsp?contid=1284902</a></li>
			</ul>
		</div>
	</section>
	<section id="hanan" class="g-mod g-attr">
		<h2 class="tit">07作业 (2014-12-13)</h2>
		<div class="cont">
			<ul class="g-list g-clear">
				<li>写两个不同新闻网站的文字区块</li>
			</ul>
		</div>
	</section>
	<section id="hanan" class="g-mod g-attr">
		<h2 class="tit">08作业 (2014-12-16)</h2>
		<div class="cont">
			<ul class="g-list g-clear">
				<li><a href="word/20151216/1/index.html">1、拉手网导航条www.lashou.com</a></li>
				<li>2、用色块布局腾讯首页www.qq.com</li>
			</ul>
		</div>
	</section>
	<section id="hanan" class="g-mod g-attr">
		<h2 class="tit">09作业 (2014-12-21)</h2>
		<div class="cont">
			<ul class="g-list g-clear">
				<li>1、美团网产品区块</li>
				<li>2、布局糯米网搜索区域</li>
			</ul>
		</div>
	</section>
	<section id="hanan" class="g-mod g-attr">
		<h2 class="tit">10作业 (2014-12-23)</h2>
		<div class="cont">
			<ul class="g-list g-clear">
				<li>1、许愿墙页面</li>
				<li>2、布局糯米网首页</li>
			</ul>
		</div>
	</section>
	<section id="hanan" class="g-mod g-attr">
		<h2 class="tit">11作业 (2014-12-27)</h2>
		<div class="cont">
			<ul class="g-list g-clear">
				<li>1、布局糯米网首页 &nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.nuomi.com">www.nuomi.com</a></li>
				<!-- <li>2、布局糯米网首页</li> -->
			</ul>
		</div>
	</section>
<!-- html+div+css作业列表 结束 -->

<!-- js作业列表 -->
	<section id="hanan" class="g-mod g-attr">
		<h2 class="tit titl" id="word-js">js作业列表：<ul>
			<li><a href="#word-h">html+dir+css作业列表</a></li>
		</ul> </h2>
	</section>
	<section id="hanan" class="g-mod g-attr">
		<h2 class="tit">13作业 (2014-12-28)</h2>
		<div class="cont">
			<ul class="g-list g-clear">
				<li>让用户分别输入名字和年龄，然后在页面输出:
您的名字是：**，年龄是**岁</li>
			</ul>
		</div>
	</section>
	<section id="hanan" class="g-mod g-attr">
		<h2 class="tit">14作业 (2014-12-30)</h2>
		<div class="cont">
			<ul class="g-list g-clear">
				<li>1、1000000000毫秒，换算成天 小时 分钟 秒</li>
				<li>2、用if判断用户输入的年龄</li>
				<li>3、用switch判断用户的尾号周几限号</li>
			</ul>
		</div>
	</section>
	<section id="hanan" class="g-mod g-attr">
		<h2 class="tit">15作业 (2015-1-1)</h2>
		<div class="cont">
			<ul class="g-list g-clear">
				<li>1、用js输出出由“ * ”组成的金字塔</li>
				<li>2、用js输出出九九乘法表 (并设置隔行变色)</li>
				<li>3、自定义运算  (类似计算器)</li>
				<li>4、用js输出倒直角三角形</li>
			</ul>
		</div>
	</section>
	<section id="hanan" class="g-mod g-attr">
		<h2 class="tit">16作业 (2015-1-3)</h2>
		<div class="cont">
			<ul class="g-list g-clear">
				<li>1、写一个函数，用来取得一个数组中的最大的值 &nbsp;&nbsp;&nbsp;&nbsp;arr = [1,56,23,6,43,87,3,5,55]; &nbsp;&nbsp;&nbsp;&nbsp;var re = max(arr);</li>
				<li>2、自己写一个函数,用来取得二维数组中长度最大的子数组的序号</li>
			</ul>
		</div>
	</section>
	<section id="hanan" class="g-mod g-attr">
		<h2 class="tit">17作业 (2015-1-4)</h2>
		<div class="cont">
			<ul class="g-list g-clear">
				<li>1、删除数组的重复元素 &nbsp;&nbsp;&nbsp;&nbsp;var arr = ['a','b','c','a','a','a','d','e','c','f','d']; &nbsp;&nbsp;&nbsp;&nbsp;var re = quchong(arr);</li>
				<li>2、自定义一个函数(对数组中的元素排序) [10,75,44,32,30,7]</li>
				<li>3、查找字符串“后盾视频下载地址:bbs.houdunwang.com，论坛地址：bbs.houdunwang.com,官方网址：www.houdunwang.com” 将所有”houdunwang”出现的位置，打印出来</li>
			</ul>
		</div>
	</section>
	<section id="hanan" class="g-mod g-attr">
		<h2 class="tit">18作业 (2015-1-6)</h2>
		<div class="cont">
			<ul class="g-list g-clear">
				<li>1、抓小狗</li>
				<li>2、一个按钮一张图片，点击按钮让图片加速跑</li>
				<li>3、让一个200*200大小的div逐渐变大到400*400，然后缩小回200*200停止</li>
				<li>4、一个按钮，一张图片，点击按钮，让图片自动切换显隐状态</li>
				<li>5、漂浮广告</li>
			</ul>
		</div>
	</section>
	<section id="hanan" class="g-mod g-attr">
		<h2 class="tit">19作业 (2015-1-8)</h2>
		<div class="cont">
			<ul class="g-list g-clear">
				<li>1、乾坤大挪移上下移动(点击按钮把div1的内容移到div2里)</li>
				<li>2、冰河世纪</li>
				<li>3、京东轮播图（不要鼠标移入效果和闪白）</li>
			</ul>
		</div>
	</section>
	<section id="hanan" class="g-mod g-attr">
		<h2 class="tit">20作业 (2015-1-11)</h2>
		<div class="cont">
			<ul class="g-list g-clear">
				<li>1、京东放大镜</li>
				<li>2、京东轮播图，加上鼠标移入移出效果</li>
			</ul>
		</div>
	</section>
	<section id="hanan" class="g-mod g-attr">
		<h2 class="tit">21作业 (2015-1-13)</h2>
		<div class="cont">
			<ul class="g-list g-clear">
				<li>1、苏宁轮播图</li>
			</ul>
		</div>
	</section>
	<section id="hanan" class="g-mod g-attr">
		<h2 class="tit">22作业 (2015-1-15)</h2>
		<div class="cont">
			<ul class="g-list g-clear">
				<li>1、写一个匹配身份证号的正则，要求能匹配一代和二代的</li>
				<li>2、匹配手机号</li>
				<li>3、匹配QQ号</li>
				<li>4、匹配网址</li>
			</ul>
		</div>
	</section>
	<section id="hanan" class="g-mod g-attr">
		<h2 class="tit">23作业 (2015-1-15)</h2>
		<div class="cont">
			<ul class="g-list g-clear">
				<li>1、熟练掌握选择器和筛选</li>
			</ul>
		</div>
	</section>
	<section id="hanan" class="g-mod g-attr">
		<h2 class="tit">24作业 (2015-1-17)</h2>
		<div class="cont">
			<ul class="g-list g-clear">
				<li>1、顶部下滑广告</li>
				<li>2、55bbs热点区域效果</li>
				<li>3、京东点击左右切换效果</li>
				<li>4、京东热门晒单区域效果</li>
			</ul>
		</div>
	</section>
<!-- js作业列表  结束 -->



	<!-- 我的代码修改区   结束 -->
</section>
<footer id="ft">
	<aside id="rights" class="g-mod">
		<!-- 插入浏览器及版权信息 -->
	</aside>
</footer>
<script src="../js/jquery.js"></script>
<script src="../js/inner.js"></script>
</body>
</html>